<template name="skeleton">
  <view class="sk-container">
    <view>
      <view></view>
      <view>
        <view>
          <view class="PinSwiper PinSwiper--PinSwiper data-v-aa687698 PinSwiper--data-v-aa687698">
            <swiper autoplay="false" circular="true" class="data-v-aa687698 PinSwiper--data-v-aa687698" current="0">
            </swiper>
            <view class="indicator PinSwiper--indicator data-v-aa687698 PinSwiper--data-v-aa687698">
              <text class="dot PinSwiper--dot data-v-aa687698 PinSwiper--data-v-aa687698"></text>
              <text class="dot PinSwiper--dot data-v-aa687698 PinSwiper--data-v-aa687698"></text>
              <text class="dot PinSwiper--dot data-v-aa687698 PinSwiper--data-v-aa687698 active PinSwiper--active"></text>
              <text class="dot PinSwiper--dot data-v-aa687698 PinSwiper--data-v-aa687698"></text>
              <text class="dot PinSwiper--dot data-v-aa687698 PinSwiper--data-v-aa687698"></text>
              <text class="dot PinSwiper--dot data-v-aa687698 PinSwiper--data-v-aa687698"></text>
            </view>
          </view>
        </view>
      </view>
      <view>
        <view>
          <view class="data-v-4e48cb24 NavGrid--data-v-4e48cb24">
            <view class="nav-grid-container NavGrid--nav-grid-container data-v-4e48cb24 NavGrid--data-v-4e48cb24">
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-757 sk-text"
                  style="background-position-x: 50%;">线下专供</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-66 sk-text"
                  style="background-position-x: 50%;">活动专区</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-899 sk-text"
                  style="background-position-x: 50%;">电池屏幕</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-924 sk-text"
                  style="background-position-x: 50%;">充电系列</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-334 sk-text"
                  style="background-position-x: 50%;">健康生活</text>
              </navigator>
            </view>
          </view>
        </view>
      </view>
      <view>
        <view>
          <view class="data-v-4e48cb24 NavGrid--data-v-4e48cb24">
            <view class="nav-grid-container NavGrid--nav-grid-container data-v-4e48cb24 NavGrid--data-v-4e48cb24">
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-396 sk-text"
                  style="background-position-x: 50%;">热销爆款</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-156 sk-text"
                  style="background-position-x: 50%;">手机壳膜</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-571 sk-text"
                  style="background-position-x: 50%;">耳机系列</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-811 sk-text"
                  style="background-position-x: 50%;">车载系列</text>
              </navigator>
              <navigator class="nam-item NavGrid--nam-item data-v-4e48cb24 NavGrid--data-v-4e48cb24" open-type="navigate">
                <view class="nav-img NavGrid--nav-img data-v-4e48cb24 NavGrid--data-v-4e48cb24">
                  <image class="data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-image" mode="aspectFill"></image>
                </view>
                <text
                  class="nav-name NavGrid--nav-name data-v-4e48cb24 NavGrid--data-v-4e48cb24 sk-transparent sk-text-14-2857-454 sk-text"
                  style="background-position-x: 50%;">数码配件</text>
              </navigator>
            </view>
          </view>
        </view>
      </view>
      <view>
        <view>
          <view class="pic-grid-container PicGrid--pic-grid-container data-v-456bdc29 PicGrid--data-v-456bdc29">
            <image class="pic-grid PicGrid--pic-grid data-v-456bdc29 PicGrid--data-v-456bdc29 sk-image" mode="widthFix"
              style="height: 54.6px;"></image>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss">
.sk-transparent {
  color: transparent !important;
}

.sk-text-14-2857-757 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-66 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-899 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-924 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-334 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-396 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-156 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-571 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-811 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-text-14-2857-454 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
